%h1 Region tests

%style{:type => 'text/css'}
  :plain
    body { font-size: 18px; margin: 0; padding: 0; position: }
    #divA, #divB, #divC, #divD, #divE, #divF, #divG { position: absolute; }
    #divA { background: #eee; left: 20px; top: 80px; width: 100px; height: 200px; }
    #divB { background: #444; left: 200px; top: 200px; border: 4px solid #ccc; padding: 24px 16px 8px; width: 50px; height: 30px; }
    #divC { background: #999; left: 400px; top: 120px; border: 1px solid #000; padding: 12px; width: 400px; height: 300px; }
    #divD { background: #eee; left: 450px; top: 80px; width: 40px; height: 2px; padding: 0 12px 100px; }
    #divE { background: #eee; left: 400px; top: 600px; border: 200px solid #444; width: 300px; height: 200px; }
    #divF { background: #666; left: 300px; top: 700px; width: 200px; height: 100px; }
    #divG { background: #divEee; left: 700px; top: 650px; width: 200px; height: 100px; }

#divA A
#divB B
#divC
  C
  %p something
#divD D
#divE E
#divF F
#divG G

=javascripts 'test/region'
